@import "base";
.p22{
    padding: px2rem(22px, $base-font-size);
}
.enroll-zysx{
    background: #fff;
    padding: px2rem(22px, $base-font-size);
    .enroll-content{
        color: #9f9f9f;
        @include px2px('font-size', 20);
        @include px2px('line-height', 36);
        .enroll-content-item{
            display: flex;
            flex-direction: row;
            padding: px2rem(22px, $base-font-size) px2rem(22px, $base-font-size) 0 px2rem(22px, $base-font-size);
            .enroll-content-num{
                margin-right: px2rem(10px, $base-font-size);
            }
        }

        .enroll-content-chose{
            color: #fff;
            @include px2px('font-size', 23);
            width: px2rem(510px, $base-font-size);
            height: px2rem(70px, $base-font-size);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: px2rem(80px, $base-font-size) auto;
            background: #ff9e00;
            border-radius: 5px;
            padding: 0;
        }

        .enroll-bz{
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: px2rem(22px, $base-font-size) px2rem(22px, $base-font-size) 0 px2rem(22px, $base-font-size);
            .enroll-checkbox{
                width: px2rem(510px, $base-font-size);
                display: flex;
                align-items: center;
                label{
                    display: flex;
                    align-items: center;
                    margin-right: px2rem(40px, $base-font-size);
                }
            }
            .am-checkbox-checked .am-checkbox-inner{
                border-color: #ff9e00;
                background: #ff9e00;
                width: px2rem(42px, $base-font-size);
                height: px2rem(42px, $base-font-size);
            }
            .am-checkbox-inner{
                width: px2rem(42px, $base-font-size);
                height: px2rem(42px, $base-font-size);
            }
        }
    }
}

.enroll-checkbox-small{
    margin: px2rem(80px, $base-font-size) auto 0 auto;
    justify-content: center;
    .am-checkbox-checked .am-checkbox-inner{
        border-color: #ff9e00;
        background: #ff9e00;
        width: px2rem(32px, $base-font-size);
        height: px2rem(32px, $base-font-size);
    }
    .am-checkbox, .am-checkbox-inner{
        width: px2rem(32px, $base-font-size);
        height: px2rem(32px, $base-font-size);
    }
    .am-checkbox-inner:after{
        top: 0.2px;
        right: 4px;
        height: 9px;
    }
    .am-list-line{
        flex: none;
    }

    .am-list-line .am-list-content{
        @include px2px('font-size', 24);
    }
}

.enroll-textarea{
    width: px2rem(470px, $base-font-size);
    height: px2rem(204px, $base-font-size);
    border: 1px solid #9F9F9F;
    border-radius: 5px;
    resize: none;
    padding: px2rem(20px, $base-font-size);
}

.mt20{
    margin-top: px2rem(20px, $base-font-size);
}

.enroll-title{
    color: #3c3c3c;
    @include px2px('font-size', 28);
}

.enroll-title-f{
    display: flex;
    justify-content:space-between;
}

.enroll-button{
    background: #ff9e00;
    color: #fff;
    margin-top: px2rem(10px, $base-font-size);
}
